<template>
  <div class="docTabs">
      <div v-for="(item, index) in tabs" :key="index" @click="tabsIndex = index;$emit('click', item.code, 'source')"
        :class="tabsIndex === index ? 'docSelectTabDiv' : ''">{{item.title}}</div>
 </div>
</template>
<script>
export default {
  data: () => ({
    tabsIndex: 0,
    tabs: [{
      title: '网易云',
      code: 'netease'
    }, {
      title: 'QQ',
      code: 'tencent'
    }, {
      title: '虾米',
      code: 'xiami'
    }, {
      title: '酷狗',
      code: 'kugou'
    }
    // , {
    //   title: '百度',
    //   code: 'baidu'
    // }
    ]
  })
}
</script>
